<template>
    <div class="home-container">
      <!-- 轮播图区域 -->
       <mt-swipe :auto="4000">
     <mt-swipe-item v-for="item in imgs" :key="item.img">
        <img :src="item.img" alt="">
    </mt-swipe-item> 
    </mt-swipe>
    <!-- 9宫格 -->
     <ul class="mui-table-view mui-grid-view mui-grid-9">
		             <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/newList">
		                    <img src="../../images/menu1.png" alt="">
		                    <div class="mui-media-body">新闻资讯</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/">
		                     <img src="../../images/menu2.png" alt="">
		                    <div class="mui-media-body">图片分享</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/">
		                    <img src="../../images/menu3.png" alt="">
		                    <div class="mui-media-body">商品购买</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/">
		                    <img src="../../images/menu4.png" alt="">
		                    <div class="mui-media-body">留言反馈</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/">
		                  <img src="../../images/menu5.png" alt="">
		                    <div class="mui-media-body">视频专区</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/">
		                    <img src="../../images/menu6.png" alt="">
		                    <div class="mui-media-body">联系我们</div></router-link></li> 
                          
	 </ul> 
    </div>
</template>
<script>
import axios from 'axios'
import {Toast} from 'mint-ui'
   export default {
       data(){
           return{
               imgs:[]
           }
       },
       created(){
           this.getImages()
       },
    
       methods:{
           getImages(){   
           axios.get('http://www.lovegf.cn:8899/api/getlunbo').then(res => {
               console.log(123)
                if(res.data.status === 0){
                  
                  this.imgs= res.data.message
                }else{
                    Toast(res.data.message);
                }
            })
           }
       }
    
   }
</script>
<style scoped lang=scss>
  .mint-swipe{
      height: 200px;
      .mint-swipe-item{
          img{
              width: 100%;
              height: 100%;
          }
      }
  } 
  .mui-grid-view.mui-grid-9{
      background-color: #fff;
      border: none;
      img {
    width: 60px;
    height: 60px;
  }

  .mui-media-body {
    font-size: 13px;
  }
  }
  .mui-grid-view.mui-grid-9 .mui-table-view-cell{
      border: 0;
  }

</style>

